<template>
  <div id="app">
    <top :title="title" class="top">
      <img slot="title_image" src="./assets/images/menu.png" class="title_image" />
    </top>
    <router-view style="padding-top:50px;"></router-view>
  </div>
</template>

<script>
import Top from "./components/Top.vue";
import {mapState} from 'vuex';
export default {
  name: "app",
  computed: {
    ...mapState({
      title:state=>state.title
    })
  },
  components: {
    Top
  }
};
</script>

<style land="scss">
html,
body {
  margin: 0;
  font-size: 12px;
}
.top{
  width:100vw;
  background-color:white;
  position:fixed;
  z-index:1;
  left:0;
  top:0;
}
.title_image{
  width:2.5rem;
  height: 2.5rem;
  margin-left:5px;
}
</style>
